<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的购物车</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/cart.css"/>
	</head>
	<body>
		<!--网站导航-->
		<div id="header_nav_wrapper">
			<div class = "header_cart content">
				<div class ="nav_cart">
					<ul>
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="#">华为官网</a>
						</li>
						<li>
							<a href="#">荣耀官网</a>
						</li>
						<li>
							<a href="#">花粉俱乐部</a>
						</li>
						<li>
							<a href="#">V码(优购码)</a>
						</li>
						<li>
							<a href="#">企业购</a>
						</li>
						<li>
							<a href="#">Select Region</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div id ="logo_cart_wrapper">
			<div class="logo_cart content">
				<a href ="index.html">
					<img src="images/logo_cart.png"/>
				</a>
				<span>我的购物车</span>
			</div>
		</div>
		<div id = "mycart_wrapper">
			<div class ="mycart content">
				<div class="cart_title">
					<label class ="checkall">
						<input type="checkbox" name="" id="checkall" value="" />
						全选
					</label>
					<ul class ="cart_title_list">
						<li>商品</li>
						<li>单价</li>
						<li>数量</li>
						<li>小计</li>
						<li>操作</li>
					</ul>
				</div>
				<div class ="mate_selected_all">
					<!--<div class="mate_selected">
						<label class ="p_checkone">
							<input type="checkbox" name="" id="checkone" value="" />
							<a href ="mate20_details.html" class ="p-img">
								<img src ="images/mate2.png" class ="cartShowImg"/>
							</a>
						</label>
						<ul >
							<li><span>HUAWEI Mate 20 6GB+64GB 全网通版（亮黑色）</span></li>
							<li><span class="goodPrice">￥ 3999.00</span></li>
							<li>
								<div class="p-stock">
									<div class="p-stock-area">
										<input type="text"  class ="p-stock-text"/>
										<p class="p-stock-btn">
											<input type="button" value="+"></input>
											<input type="button" value="-"></input>
										</p>
									</div>
								</div>
							</li>
							<li><span class="goodTotalPrice">￥ 3999.00</span></li>
							<li>
								<a href="#" class ="p_del">删除</a>
							</li>
						</ul>
					</div>-->
				</div>
				<div class="p-total">
					<div>
						<input type="checkbox" name="" id="del_cart_sel" value="" />
						<a>取消选择
						
						</a>
						<span class="del_selected">删除</span>
					</div>
					<div class="all_total">
						<span>
							已选择
							<span id="num_total">0	
							</span> 件商品
						</span>
						<span>总计：</span>
						<span id="price_total">0
							
						</span>
					</div>
				</div>
			</div>
		</div>
		<div class="fixed_menu">
			<!--<div class="menu_list">-->
				<a id ="cart_href">
					<span class="iconfont icon-xiazai49"></span>
					<span id="num">0</span>
					<i class="cart">购物车</i>
				</a>
				<a href="#">
					<span class="iconfont icon-wodekefu"></span>
					<i class ="service">在线客服</i>
				</a>
				<a href="#">
					<span class="iconfont icon-yijianfankui"></span>
					<i  class="advice">意见反馈</i>
				</a>
				<a href="#">
					<span class="iconfont icon-fanhuidingbu"></span>
					<i class ="goTop">返回顶部</i>
				</a>
			<!--</div>-->	
		</div>
		<div id ="footer_wrapper">
		<div class ="link content">
			<div class ="link_l">
				<ul>
					<li>购物相关</li>
					<li>
						<a href="#">配送方式</a>
					</li>
					<li>
						<a href="#">支付方式</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">购物指南</a>
					</li>
				</ul>
				<ul>
					<li>购物相关</li>
					<li>
						<a href="#">配送方式</a>
					</li>
					<li>
						<a href="#">支付方式</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">购物指南</a>
					</li>
				</ul>
				<ul>
					<li>购物相关</li>
					<li>
						<a href="#">配送方式</a>
					</li>
					<li>
						<a href="#">支付方式</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">购物指南</a>
					</li>
				</ul>
				<ul>
					<li>购物相关</li>
					<li>
						<a href="#">配送方式</a>
					</li>
					<li>
						<a href="#">支付方式</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">购物指南</a>
					</li>
				</ul>
				<ul>
					<li>购物相关</li>
					<li>
						<a href="#">配送方式</a>
					</li>
					<li>
						<a href="#">支付方式</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">购物指南</a>
					</li>
				</ul>
				<ul>
					<li>购物相关</li>
					<li>
						<a href="#">配送方式</a>
					</li>
					<li>
						<a href="#">支付方式</a>
					</li>
					<li>
						<a href="#">常见问题</a>
					</li>
					<li>
						<a href="#">购物指南</a>
					</li>
				</ul>
			</div>
			<div class="link_r">
				<span>400-088-6888</span><br />
				<span>7x24小时客服热线（仅收市话费）</span>
				<a href="#">在线客服<span class ="iconfont icon-wodekefu"></span></a>
				<span>关注Vmall：
					<ul>
						<li>
							<a href="#" class="iconfont icon-weibo"></a>
						</li>
						<li>
							<a href="#" class="iconfont icon-huawei"></a>
						</li>
						<li>
							<a href="#" class="iconfont icon-weixin"></a>
						</li>
					</ul>
				</span>
			</div>
		</div>
		<div class="footer_nav content">
			<a href="#">
				<img src="images/logo_f.png" />
			</a>
			<div class="footer_link">
				<ul>
					<li>
						<a href="#">华为集团</a> |
					</li>
					<li>
						<a href="#">华为CBG官网</a> |
					</li>
					<li>
						<a href="#">荣耀官网</a> |
					</li>
					<li>
						<a href="#">花粉俱乐部</a> |
					</li>
					<li>
						<a href="#">华为应用市场</a> |
					</li>
					<li>
						<a href="#">EMUI</a> |
					</li>
					<li>
						<a href="#">华为终端云空间</a> |
					</li>
					<li>
						<a href="#">开发者联盟</a> |
					</li>
					<li>
						<a href="#">华为商城手机版</a> |
					</li>
					<li>
						<a href="#">网站地图</a>
					</li>
				</ul>
				<p>隐私声明 服务协议 COOKIES Copyright &copy;2012-2019 华为软件技术有限公司 版权所有 保留一切权利<br />
					公安备案 苏公网安备32011402010009号 | 苏ICP备17040376号-6<br />
					增值电信业务经营许可证：苏B2-20130048号| 网络文化经营许可证：苏网文[2015] 1599-026号
				</p>
			</div>
		</div>
	</div>
	<script src ="js/jquery.min.js"></script>
	<script src ="js/cart.js"></script>
	<script>
		$(function(){
			var phoneNum = location.href.split("=")[1];
			//console.log(phoneNum);
			var cartJson = JSON.parse(localStorage.getItem(phoneNum+"goods"));
			//console.log(cartJson);
			var cartNum = 0;
			for (var i = 0; i < cartJson.length; i++) {
				cartNum += cartJson[i].num;
			}
			//console.log(cartNum);
			$("#num").html(cartNum);
		})
	</script>
	</body>
</html>
